<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%-- 设置meta
////////////////////////////////////////////////////////////////////////////////////////////// --%>
<%@ include file="/WEB-INF/template/include/meta.jsp"%>
	<title>三方28数据管理</title>
	
<%-- 导入样式
////////////////////////////////////////////////////////////////////////////////////////////// --%>
<c:set var="linkForm" value="form" />
<%@ include file="/WEB-INF/template/include/link.jsp"%>
	<link rel="stylesheet" href="${res }/default/css/content.css" /> 
	<style type="text/css">
		.well{
			padding: 10px !important;
			margin-bottom:0px !important;
		}
		.form-group{
			margin-bottom:10px !important;
		};
		input.form-control{
			height:28px !important;
		}
	</style>
	
<%-- 导入脚本
////////////////////////////////////////////////////////////////////////////////////////////// --%>
<c:set var="scriptForm" value="form" />
<%@ include file="/WEB-INF/template/include/script.jsp"%>
	<script src="${res}/default/js/betting.js"></script>
	<script>
		jQuery(function(){
			$("#J_form").validate(extention.config["jquery.validate"]);
		});
	</script>

<%-- 页眉
////////////////////////////////////////////////////////////////////////////////////////////// --%>
<c:set var="mode" value="original" />
<%@ include file="/WEB-INF/template/include/header.jsp"%>
	<div style="width:840px;margin:auto;padding:0px;">
		<p class="text-center xl-copyright">Whisper Studio Make Life Better.</p>
		<form id="J_form" class="form-horizontal" action="${ctx }/pc/mode/create.json" method="post">
			<div class="well" >
				<h2 class="xl-form-title">创建模式</h2> 
				<div class="form-group">
					<label class="control-label col-xs-1">名称</label>
					<div class="col-xs-11">
						<input class="form-control required" type="text" name="name" placeholder="名称" />
					</div>
				</div>
				<div class="form-group">
					<label class="control-label col-xs-1">翻倍</label>
					<div class="col-xs-11">
						<p class="form-control-static">
							<button type="button" onclick="window.betting.multiply(0.1)" class="btn btn-sm"><i class=" fa fa-remove"></i>0.1</button>
							<button type="button" onclick="window.betting.multiply(0.5)" class="btn btn-sm"><i class=" fa fa-remove"></i>0.5</button>
							<button type="button" onclick="window.betting.multiply(2)" class="btn btn-sm"><i class=" fa fa-remove"></i>2</button>
							<button type="button" onclick="window.betting.multiply(3)" class="btn btn-sm"><i class=" fa fa-remove"></i>3</button>
							<button type="button" onclick="window.betting.multiply(4)" class="btn btn-sm"><i class=" fa fa-remove"></i>4</button>
							<button type="button" onclick="window.betting.multiply(5)" class="btn btn-sm"><i class=" fa fa-remove"></i>5</button>
							<button type="button" onclick="window.betting.multiply(6)" class="btn btn-sm"><i class=" fa fa-remove"></i>6</button>
							<button type="button" onclick="window.betting.multiply(7)" class="btn btn-sm"><i class=" fa fa-remove"></i>7</button>
							<button type="button" onclick="window.betting.multiply(8)" class="btn btn-sm"><i class=" fa fa-remove"></i>8</button>
							<button type="button" onclick="window.betting.multiply(9)" class="btn btn-sm"><i class=" fa fa-remove"></i>9</button>
							<button type="button" onclick="window.betting.multiply(10)" class="btn btn-sm"><i class=" fa fa-remove"></i>10</button>
							<button type="button" onclick="window.betting.multiply(100)" class="btn btn-sm"><i class=" fa fa-remove"></i>100</button>
						</p> 
					</div>
				</div>
				<div class="form-group">
					<label class="control-label col-xs-1">除以</label> 
					<div class="col-xs-11">
						<p class="form-control-static">
							<button type="button" onclick="window.betting.divide(0.1)" class="btn btn-sm"><i class=" fa fa-question"></i>0.1</button>
							<button type="button" onclick="window.betting.divide(0.5)" class="btn btn-sm"><i class=" fa fa-question"></i>0.5</button>
							<button type="button" onclick="window.betting.divide(2)" class="btn btn-sm"><i class=" fa fa-question"></i>2</button>
							<button type="button" onclick="window.betting.divide(3)" class="btn btn-sm"><i class=" fa fa-question"></i>3</button>
							<button type="button" onclick="window.betting.divide(4)" class="btn btn-sm"><i class=" fa fa-question"></i>4</button>
							<button type="button" onclick="window.betting.divide(5)" class="btn btn-sm"><i class=" fa fa-question"></i>5</button>
							<button type="button" onclick="window.betting.divide(6)" class="btn btn-sm"><i class=" fa fa-question"></i>6</button>
							<button type="button" onclick="window.betting.divide(7)" class="btn btn-sm"><i class=" fa fa-question"></i>7</button>
							<button type="button" onclick="window.betting.divide(8)" class="btn btn-sm"><i class=" fa fa-question"></i>8</button>
							<button type="button" onclick="window.betting.divide(9)" class="btn btn-sm"><i class=" fa fa-question"></i>9</button>
							<button type="button" onclick="window.betting.divide(10)" class="btn btn-sm"><i class=" fa fa-question"></i>10</button>
							<button type="button" onclick="window.betting.divide(100)" class="btn btn-sm"><i class=" fa fa-question"></i>100</button>
						</p> 
					</div>
				</div>
				<div class="form-group">
					<label class="control-label col-xs-1">去尾</label>
					<div class="col-xs-11">
						<p class="form-control-static">
							<button type="button" onclick="window.betting.removeTail(0)" class="btn btn-sm"><i class=" fa fa-trash"></i>0</button>
							<button type="button" onclick="window.betting.removeTail(1)" class="btn btn-sm"><i class=" fa fa-trash"></i>1</button>
							<button type="button" onclick="window.betting.removeTail(2)" class="btn btn-sm"><i class=" fa fa-trash"></i>2</button>
							<button type="button" onclick="window.betting.removeTail(3)" class="btn btn-sm"><i class=" fa fa-trash"></i>3</button>
							<button type="button" onclick="window.betting.removeTail(4)" class="btn btn-sm"><i class=" fa fa-trash"></i>4</button>
							<button type="button" onclick="window.betting.removeTail(5)" class="btn btn-sm"><i class=" fa fa-trash"></i>5</button>
							<button type="button" onclick="window.betting.removeTail(6)" class="btn btn-sm"><i class=" fa fa-trash"></i>6</button>
							<button type="button" onclick="window.betting.removeTail(7)" class="btn btn-sm"><i class=" fa fa-trash"></i>7</button>
							<button type="button" onclick="window.betting.removeTail(8)" class="btn btn-sm"><i class=" fa fa-trash"></i>8</button>
							<button type="button" onclick="window.betting.removeTail(9)" class="btn btn-sm"><i class=" fa fa-trash"></i>9</button>
						</p> 
					</div>
				</div>
				<div class="form-group">
					<label class="control-label col-xs-1">其他</label>
					<div class="col-xs-11">
						<p class="form-control-static">
							<button type="button" onclick="window.betting.select('全')" class="btn btn-sm"><i class=" fa fa-check-square "></i>全包</button>
							<button type="button" onclick="window.betting.select('单')" class="btn btn-sm"><i class=" fa fa-check-square "></i>单</button>
							<button type="button" onclick="window.betting.select('双')" class="btn btn-sm"><i class=" fa fa-check-square "></i>双</button>
							<button type="button" onclick="window.betting.select('大')" class="btn btn-sm"><i class=" fa fa-check-square "></i>大</button>
							<button type="button" onclick="window.betting.select('小')" class="btn btn-sm"><i class=" fa fa-check-square"></i>小</button>
							<button type="button" onclick="window.betting.select('单小')" class="btn btn-sm"><i class=" fa fa-check-square "></i>单小</button>
							<button type="button" onclick="window.betting.select('双大')" class="btn btn-sm"><i class=" fa fa-check-square "></i>双大</button>
							<button type="button" onclick="window.betting.select('单大')" class="btn btn-sm"><i class=" fa fa-check-square "></i>单大</button>
							<button type="button" onclick="window.betting.select('双小')" class="btn btn-sm"><i class=" fa fa-check-square"></i>双小</button>
							<button type="button" onclick="window.betting.select('边')" class="btn btn-sm"><i class=" fa fa-check-square"></i>边</button>
							<button type="button" onclick="window.betting.select('中')" class="btn btn-sm"><i class=" fa fa-check-square"></i>中</button>
						</p> 
					</div>
				</div><div class="form-group">
					<label class="control-label col-xs-1">&nbsp;</label>
					<div class="col-xs-11">
						<p class="form-control-static">
							<button type="button" onclick="window.betting.remove('单')" class="btn btn-sm"><i class=" fa fa-trash "></i>单</button>
							<button type="button" onclick="window.betting.remove('双')" class="btn btn-sm"><i class=" fa fa-trash "></i>双</button>
							<button type="button" onclick="window.betting.remove('大')" class="btn btn-sm"><i class=" fa fa-trash"></i>大</button>
							<button type="button" onclick="window.betting.remove('小')" class="btn btn-sm"><i class=" fa fa-trash "></i>小</button>
							<button type="button" onclick="window.betting.remove('单小')" class="btn btn-sm"><i class=" fa fa-trash "></i>单小</button>
							<button type="button" onclick="window.betting.remove('双大')" class="btn btn-sm"><i class=" fa fa-trash "></i>双大</button>
							<button type="button" onclick="window.betting.remove('单大')" class="btn btn-sm"><i class=" fa fa-trash"></i>单大</button>
							<button type="button" onclick="window.betting.remove('双小')" class="btn btn-sm"><i class=" fa fa-trash "></i>双小</button>
						</p> 
					</div>
				</div>
				<div class="form-group" >
					<label class="control-label col-xs-1">总计</label>
					<div class="col-xs-11">
							<input class="form-control" type="text" name="total" value="0"  readonly="readonly"  />
					</div>
				</div>
				<div style="float:left;width:400px;margin-bottom:10px;">   
					<div class="form-group">
						<label class="control-label col-xs-2">0</label> 
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n0" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">1</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n1" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">2</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n2" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">3</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n3" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">4</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n4" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">5</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n5" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">6</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n6" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">7</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n7" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">8</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n8" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">9</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n9" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">10</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n10" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">11</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n11" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">12</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n12" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">13</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n13" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
				</div>
				<div style="float:right;width:400px;;margin-bottom:10px;">
					<div class="form-group">
						<label class="control-label col-xs-2">27</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n27" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">26</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n26" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">25</label> 
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n25" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">24</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n24" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">23</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n23" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">22</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n22" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">21</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n21" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">20</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n20" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">19</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n19" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">18</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n18" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">17</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n17" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">16</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n16" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();" placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group">
						<label class="control-label col-xs-2">15</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n15" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();"  placeholder="0" value="0" />
						</div>
					</div>
					<div class="form-group"> 
						<label class="control-label col-xs-2">14</label>
						<div class="col-xs-10">
							<input class="form-control" type="text" name="n14" maxlength='10' onkeyup="this.value=this.value.replace(/\D*/g,'');this.value=this.value==''?0:this.value;betting.total();" onfocus="this.select();"  placeholder="0" value="0" />
						</div>
					</div>
				</div>
				<div style="clear:both;">
					<button type="submit"  class=" xl-btn-login btn-block " >提交</button>
				</div>
			</div>
		</form>
		<p class="text-center xl-copyright">2014 &copy; Whisper Development Team.</p>
	</div>
<c:set var="mode" value="original" />
<%@ include file="/WEB-INF/template/include/footer.jsp"%>
